<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="com.solution.admin.order.constants.OrderConstants"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>订单数据</title> 
<%@ include file="/page/include.jsp"%>
</head>
<body class="nav-md">
	<div class="container body">
		<div class="main_container">
			<div class="framebody" role="main">
				<div class="">
					<div class="clearfix"></div>
					<div class="row">
						<div class="col-md-12 col-sm-12 col-xs-12">
							<div class="x_panel">
								<div class="x_content">	
									<div class="x_title">
										<h2>
											<i class="fa fa-pencil fa-fw"></i>查询条件 <small></small>
										</h2> 
										<div class="clearfix"></div>
									</div>
							
									<div class="x_content">
										<form id="promoSearchForm" class="form-horizontal form-label-left">
											<div class="form-group">
												<label class="control-label col-md-1" for="">订单状态：
												</label>
												<div class="col-md-3">
													<a href="javascript:void(0);" onclick="queryOrderData('<%=OrderConstants.ORDER_STATUS.WAIT_TO_PAY.getCode()%>')">待付款${orderState.waitToPay.sum }</a>
													<a href="javascript:void(0);" onclick="queryOrderData('<%=OrderConstants.ORDER_STATUS.WAIT_TO_APPROVE.getCode()%>')">待审核${orderState.waitToApprove.sum }</a>
													<a href="javascript:void(0);" onclick="queryOrderData('<%=OrderConstants.ORDER_STATUS.WAIT_TO_SEND.getCode()%>')">待发货${orderState.waitToSend.sum }</a>
													<a href="javascript:void(0);" onclick="queryOrderData('<%=OrderConstants.ORDER_STATUS.WAIT_TO_RECEIVE.getCode()%>')">待签收${orderState.waitToReceive.sum }</a>
													<input type="hidden" id="orderStatus" value="<%=OrderConstants.ORDER_STATUS.WAIT_TO_PAY.getCode()%>"/>
												</div>
										
												<label class="control-label col-md-1" for="">类型：
												</label>
												<div class="col-md-3">
													<a href="javascript:void(0);" onclick="queryOrderData('','money')">订单金额</a>
													<a href="javascript:void(0);" onclick="queryOrderData('','sum')">订单数量</a>
													<input type="hidden" id="type" value="money"/>
												</div>
												
                        		                <label class="control-label col-md-1" for="">状态：
                                		        </label>
                                        		<div class="col-md-3">
													<input id="timeType" type="hidden" value="recent_fifteen_day"/>
													<select class="form-control col-md-12" id="timeTypeSel" name="timeTypeSel" onchange="timeTypeChange();"> 
														<option value="recent_fifteen_day">最近15天</option>
														<option value="current_month">最近一个月</option>
														<option value="recent_three_month">最近三个月</option>
													</select>
												</div>
												
												<label class="control-label col-md-1" for="">时间段：
												</label>
												<div class="col-md-4">
													<input type="text" id="orderDate" name="orderDate" class="form-control">
													<input type="hidden" id="startTime" value=""/>
													<input type="hidden" id="endTime" value=""/>
													<i class="glyphicon glyphicon-calendar fa fa-calendar" style="z-index: 100;padding-left: 95%;margin-top: -25px;"></i>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="row">
						<div class="col-md-12 col-sm-12 col-xs-12">
							<div class="x_panel">
								<div class="x_title">
									<h2>
										<i class="fa fa-reorder fa-fw"></i>图表 <small></small>
									</h2>
									<div class="clearfix"></div>
								</div>
								
								<div class="x_content">
									<div class="row">
										<div id="table" style="width: 1200px;height: 600px;"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="${rootPath}/js/order/order_data.js"></script>
	<script src="${rootPath}/statics/plugins/echarts/echarts.min.js"></script>
</body>
</html>